<script setup lang="ts">
// vuex:集中式管理状态，可以实现任意组件通过信
// 核心概念:state、mutations、action、getters、modules

// pinia:集中式管理状态容器,可以实现任意组件之间的通信
// 核心概念:state、actions、getters
import Child from "@/views/pinia/Child.vue";
import Child1 from "@/views/pinia/Child1.vue";
// Pinia写法:选择器API、组合式API
</script>

<template>
  <div class="box">
    <h1>pinia使用</h1>
    <div class="container">
      <Child></Child>
      <Child1></Child1>
    </div>

  </div>
</template>

<style scoped>
.box {
  background: deepskyblue;
  height: 900px;
}

.container {
  display: flex;
}
</style>
